@import '../../style/variables.scss';
@import './style/theme.scss';
.page {
  background: linear-gradient(to right, rgba(247, 41, 9, 0.486) 0%, rgba(62, 41, 196, 0.74)100%);
  width: 100vw;
  height: 100vh;
  position: relative;
  .login-form {
    position: absolute;
    width: 100%;
    height:86%;
    background: #FFFFFF;
    border-radius: 30rpx 30rpx 0rpx 0rpx;
    bottom: 0;
    // 超出当前区域隐藏
    overflow: hidden;
  }
  .content {
    padding: 0 70rpx;
    .title {
      margin-top: 84rpx;
      font-size: 48rpx;
      color: #002251;
      letter-spacing: 0;
      font-weight: 500;
      margin-bottom: 14rpx;
    }
    .title-tips {
      height: 40rpx;
      font-size: 28rpx;
      color: #7A869A;
      letter-spacing: 0;
      line-height: 40rpx;
      font-weight: 400;
      margin-bottom: 70rpx;
    }
    .form-item {
      margin-bottom: 68rpx;
      position: relative;
      .label {
        margin-top: 10rpx;
        height: 13rpx;
        font-size: 28rpx;
        color: #c1c7d0;
        letter-spacing: 0;
        font-weight: 400;
        margin-bottom: 40rpx;
      }
      input {
        width: 100%;
        height: 88rpx;
        opacity: 0.75;
        background: #F2F4F7;
        box-shadow: inset 0px 2rpx 4rpx 0px rgba(0,0,0,0.04);
        border-radius: 30rpx;
        padding: 0 32rpx;
        .placeholder {
          height: 15rpx;
          opacity: 0.5;
          font-size: 32rpx;
          color: #7A869A;
          letter-spacing: 0;
          font-weight: 400;
        }
      }
      .pop-button {
        width: 100%;
        height: 88rpx;
        opacity: 0.75;
        background: #F2F4F7;
        box-shadow: inset 0px 2rpx 4rpx 0px rgba(0,0,0,0.04);
        border-radius: 30rpx;
        padding: 0 32rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .heading {
          font-size: 30rpx;
          
        }
        .belongs{
          color: #9C9C9C;
        }
      }
      .errorMessage{
        position: absolute;
        font-size: 20rpx;
        color: rgb(219, 90, 90);
        right: -50rpx;
        margin-top: 10rpx;
      }
    }
    .picker{
      width: 100%;
    }
    .froget-password {
      font-size: 26rpx;
      color: #0041C4;
      letter-spacing: 0;
      font-weight: 400;
      margin-bottom: 40rpx;
    }
    .btn {
      height: 88rpx;
      background:linear-gradient(to right, rgba(247, 41, 9, 0.486) 0%, rgba(62, 41, 196, 0.74)100%);
      border-radius: 20rpx;
      font-size: 32rpx;
      letter-spacing: 0;
      text-align: center;
      font-weight: 400;
      color: #ffffff;
    }
    .create-account {
      margin-top: 260rpx;
      display: flex;
      text-align: center;
      justify-content: center;
      height: 28rpx;
      color: #7A869A;
      font-size: 28rpx;
      font-weight: 400;
      .action {
        color: #0041C4;
      }
    }
    .popTitle {
      padding: 25rpx;
      display: flex;
      justify-content: space-between;
      .cancel {
        color: #8B8989;
      }
      .confirm {
        color:#3A5FCD;
      }
    }
    .picker {
      width: 100%;
      height: 310rpx;
    }

  }

}
